<template>

    <el-carousel
        height="440px"
        :loop="true"
        :interval=10000
    >
        <el-carousel-item>
            <el-image
                :src="swiperImage01"
                fit="fill"
                style="width:100%; height:100%"
            ></el-image>
        </el-carousel-item>
        <el-carousel-item>
            <el-image
                :src="swiperImage02"
                fit="fill"
                style="width:100%; height:100%"
            ></el-image>
        </el-carousel-item>
        <el-carousel-item>
            <el-image
                :src="swiperImage03"
                fit="fill"
                style="width:100%; height:100%"
            ></el-image>
        </el-carousel-item>
    </el-carousel>
</template>

<script>
export default {
    data() {
        return {
            swiperImage01: require("@/assets/images/first/index-swiper01.jpg"),
            swiperImage02: require("@/assets/images/first/index-swiper02.jpg"),
            swiperImage03: require("@/assets/images/first/index-swiper03.jpg")
        };
    }
};
</script>

<style>
</style>